<ui:composition template="../principal.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                xmlns:f="http://java.sun.com/jsf/core">
    <ui:define name="principal">
        <h2>Dentistas</h2>
        <div id="titulo-inicial">
            <h3>Escolha uma opção para Dentistas</h3>
            <h:graphicImage id="separador-conteudo" library="images" name="separador-conteudo.png"/>
            <br/>
        </div>
        <h:form>
            <h:panelGrid columns="5" styleClass="sub-opcoes">
                <c:if test="#{loginMB.dentista.contaUsuario.tipo == 'AD'}" >  
                    <h:link outcome="../user-master/menuMaster.xhtml">
                        <h:graphicImage library="images" name="icones/inicio2.png"/>
                        <br/>
                        <h:outputText value="Painel"/>
                    </h:link>
                </c:if>
                <c:if test="#{loginMB.dentista.contaUsuario.tipo == 'DE'}" >  
                    <h:link outcome="../user-simple/menuDentista.xhtml">
                        <h:graphicImage library="images" name="icones/inicio2.png"/>
                        <br/>
                        <h:outputText value="Painel"/>
                    </h:link>  
                </c:if>
                <h:link outcome="gerenciarDentista.xhtml">
                    <h:graphicImage library="images" name="icones/adcionar-dentista.png"/>
                    <br/>
                    <h:outputText value="Gerenciar"/>
                </h:link>
                <h:outputText value=""/>
                <h:outputText value=""/>
                <h:outputText value=""/>
            </h:panelGrid>
        </h:form>

        <h:form id="grafico">
            <p:barChart id="basic" value="#{adminDentistaMB.categoryModel}" legendPosition="ne" seriesColors="4E6F1C" styleClass="grafico" 
                        animate="true" title="Dentista por quantidade de Tratamento">
                <p:ajax event="itemSelect" listener="#{adminDentistaMB.itemSelect}" update=":dialog" oncomplete="dentistaDialog.show()" />
            </p:barChart> 
        </h:form>

        <h:form id="dialog">
            <p:dialog header="Detalhes do Dentista" widgetVar="dentistaDialog" resizable="false" id="dentistaDlg" dynamic="true" 
                      showEffect="fade" hideEffect="fade" modal="true">
                <p:tabView id="tabView" effect="fade" effectDuration="normal">
                    <p:tab id="tba1" title="Dados Cadastrais">
                        <h:panelGrid columns="2" cellpadding="10" width="600">
                            <h:graphicImage library="dentistas" name="dentista.jpg" class="img-pessoa"/>
                            <h:panelGrid columns="2" cellspacing="4"> 

                                <h:outputText value="NOME: " styleClass="rotulo" />
                                <h:outputText value="#{adminDentistaMB.dentistaSelecionado.nome} #{adminDentistaMB.dentistaSelecionado.sobrenome}" style="font-weight:bold"/>
                                <h:outputText value="DATA DE NASCIMENTO: " styleClass="rotulo" />
                                <h:outputText value="#{adminDentistaMB.dentistaSelecionado.data_nascimento}"  style="font-weight:bold">
                                    <f:convertDateTime pattern="dd/MM/yyyy"/>
                                </h:outputText> 
                                <h:outputText value="SEXO: " styleClass="rotulo"/>
                                <h:outputText value="#{adminDentistaMB.dentistaSelecionado.sexo}" style="font-weight:bold"/>
                                <h:outputText value="CPF: " styleClass="rotulo"/>
                                <h:outputText value="#{adminDentistaMB.dentistaSelecionado.cpf}" style="font-weight:bold"/>
                                <h:outputText value="RG: " styleClass="rotulo"/>
                                <h:outputText value="#{adminDentistaMB.dentistaSelecionado.rg}" style="font-weight:bold"/>
                            </h:panelGrid>
                        </h:panelGrid>
                    </p:tab>
                    <p:tab id="tba2" title="Endereço">
                        <h:panelGrid columns="2" cellpadding="10" width="600">
                            <h:graphicImage library="dentistas" name="dentista.jpg" class="img-pessoa"/>
                            <h:panelGrid columns="2" cellspacing="4">
                                <h:outputText value="LOGRADOURO: " styleClass="rotulo"/>
                                <h:outputText value="#{adminDentistaMB.dentistaSelecionado.endereco.logradouro}" style="font-weight:bold"/>
                                <h:outputText value="NUMERO: " styleClass="rotulo"/>
                                <h:outputText value="#{adminDentistaMB.dentistaSelecionado.endereco.numero}" style="font-weight:bold"/>
                                <h:outputText value="" />
                                <h:outputText value="" />

                                <h:outputText value="COMPLEMENTO: " styleClass="rotulo"/>
                                <h:outputText value="#{adminDentistaMB.dentistaSelecionado.endereco.complemento}" style="font-weight:bold"/>
                                <h:outputText value="BAIRRO: " styleClass="rotulo"/>
                                <h:outputText value="#{adminDentistaMB.dentistaSelecionado.endereco.bairro}" style="font-weight:bold"/>
                                <h:outputText value="CEP: " styleClass="rotulo"/>
                                <h:outputText value="#{adminDentistaMB.dentistaSelecionado.endereco.cep}" style="font-weight:bold"/>
                                <h:outputText value="UF: " styleClass="rotulo"/>
                                <h:outputText value="#{adminDentistaMB.dentistaSelecionado.endereco.uf}" style="font-weight:bold"/>
                                <h:outputText value="CIDADE: " styleClass="rotulo"/>
                                <h:outputText value="#{adminDentistaMB.dentistaSelecionado.endereco.cidade}" style="font-weight:bold"/>
                            </h:panelGrid>
                        </h:panelGrid>
                    </p:tab>
                    <p:tab id="tba3" title="Contato">
                        <h:panelGrid columns="2" cellpadding="10" width="600">
                            <h:graphicImage library="dentistas" name="dentista.jpg" class="img-pessoa"/>
                            <h:panelGrid columns="2" cellspacing="4">
                                <h:outputText value="EMAIL: " styleClass="rotulo"/>
                                <h:outputText value="#{adminDentistaMB.dentistaSelecionado.contato.email}" style="font-weight:bold"/>
                                <h:outputText value="TELEFONE: " styleClass="rotulo"/>
                                <h:outputText value="#{adminDentistaMB.dentistaSelecionado.contato.telefone}" style="font-weight:bold"/>
                                <h:outputText value="CELULAR: " styleClass="rotulo"/>
                                <h:outputText value="#{adminDentistaMB.dentistaSelecionado.contato.celular}" style="font-weight:bold"/>
                            </h:panelGrid>
                        </h:panelGrid>
                    </p:tab>
                    <p:tab id="tba4" title="Dados Profissionais">
                        <h:panelGrid columns="2" cellpadding="10" width="600">
                            <h:graphicImage library="dentistas" name="dentista.jpg" class="img-pessoa"/>
                            <h:panelGrid columns="1" cellspacing="4">
                                <h:panelGrid columns="2" cellspacing="4">
                                    <h:outputText value="CRO: " styleClass="rotulo"/>
                                    <h:outputText value="#{adminDentistaMB.dentistaSelecionado.cro}" style="font-weight:bold"/>
                                </h:panelGrid>
                                <p:dataTable id="especialidades" var="especialidade" value="#{adminDentistaMB.dentistaSelecionado.especialidades}" style="width: 200px;" emptyMessage="Sem especialidades" >  
                                    <p:column headerText="Especialidades Cadastradas">  
                                        <h:outputText value="#{especialidade.nome}" />  
                                    </p:column>
                                </p:dataTable>
                            </h:panelGrid>
                        </h:panelGrid>

                    </p:tab>
                </p:tabView>
            </p:dialog>
        </h:form>
    </ui:define>
</ui:composition>


